body {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/cursor.cur), default;
				user-select:none;
			}
			a:hover {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur), pointer;
			}
			input:hover {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur), pointer;
			}
			button:hover {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur), pointer;
			}
			summary:hover {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur), pointer;
			}
			.deng-box {
				position: fixed;
				top: 20px;
				right: 150px;
				z-index: 9999;
				pointer-events: none;
			}

			.deng-box1 {
				position: fixed;
				top: 20px;
				right: -20px;
				z-index: 9999;
				pointer-events: none
			}

			.deng-box2 {
				position: fixed;
				top: 20px;
				left: 150px;
				z-index: 9999;
				pointer-events: none
			}

			.deng-box3 {
				position: fixed;
				top: 20px;
				left: -20px;
				z-index: 9999;
				pointer-events: none
			}

			.deng-box1 .deng,
			.deng-box3 .deng {
				position: relative;
				width: 120px;
				height: 90px;
				margin: 50px;
				background: #d8000f;
				background: rgba(216, 0, 15, .8);
				border-radius: 50% 50%;
				-webkit-transform-origin: 50% -100px;
				-webkit-animation: swing 5s infinite ease-in-out;
				box-shadow: -5px 5px 30px 4px #fc903d
			}

			.deng {
				position: relative;
				width: 120px;
				height: 90px;
				margin: 50px;
				background: #d8000f;
				background: rgba(216, 0, 15, .8);
				border-radius: 50% 50%;
				-webkit-transform-origin: 50% -100px;
				-webkit-animation: swing 3s infinite ease-in-out;
				box-shadow: -5px 5px 50px 4px #fa6c00
			}

			.deng-a {
				width: 100px;
				height: 90px;
				background: #d8000f;
				background: rgba(216, 0, 15, .1);
				margin: 12px 8px 8px 8px;
				border-radius: 50% 50%;
				border: 2px solid #dc8f03
			}

			.deng-b {
				width: 45px;
				height: 90px;
				background: #d8000f;
				background: rgba(216, 0, 15, .1);
				margin: -4px 8px 8px 26px;
				border-radius: 50% 50%;
				border: 2px solid #dc8f03
			}

			.xian {
				position: absolute;
				top: -20px;
				left: 60px;
				width: 2px;
				height: 20px;
				background: #dc8f03
			}

			.shui-a {
				position: relative;
				width: 5px;
				height: 20px;
				margin: -5px 0 0 59px;
				-webkit-animation: swing 4s infinite ease-in-out;
				-webkit-transform-origin: 50% -45px;
				background: orange;
				border-radius: 0 0 5px 5px
			}

			.shui-b {
				position: absolute;
				top: 14px;
				left: -2px;
				width: 10px;
				height: 10px;
				background: #dc8f03;
				border-radius: 50%
			}

			.shui-c {
				position: absolute;
				top: 18px;
				left: -2px;
				width: 10px;
				height: 35px;
				background: orange;
				border-radius: 0 0 0 5px
			}

			.deng:before {
				position: absolute;
				top: -7px;
				left: 29px;
				height: 12px;
				width: 60px;
				content: " ";
				display: block;
				z-index: 999;
				border-radius: 5px 5px 0 0;
				border: solid 1px #dc8f03;
				background: orange;
				background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
			}

			.deng:after {
				position: absolute;
				bottom: -7px;
				left: 10px;
				height: 12px;
				width: 60px;
				content: " ";
				display: block;
				margin-left: 20px;
				border-radius: 0 0 5px 5px;
				border: solid 1px #dc8f03;
				background: orange;
				background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)
			}

			.deng-t {
				font-family: 黑体, Arial, Lucida Grande, Tahoma, sans-serif;
				font-size: 3.2rem;
				color: #dc8f03;
				font-weight: 700;
				line-height: 85px;
				text-align: center
			}

			.night .deng-box,
			.night .deng-box1,
			.night .deng-t {
				background: 0 0 !important
			}

			@-moz-keyframes swing {
				0% {
					-moz-transform: rotate(-10deg)
				}

				50% {
					-moz-transform: rotate(10deg)
				}

				100% {
					-moz-transform: rotate(-10deg)
				}
			}

			@-webkit-keyframes swing {
				0% {
					-webkit-transform: rotate(-10deg)
				}

				50% {
					-webkit-transform: rotate(10deg)
				}

				100% {
					-webkit-transform: rotate(-10deg)
				}
			}

			body {
				margin: 0;
				font-family: Arial, Helvetica, sans-serif;
			}

			.topnav {
				overflow: hidden;
				background-color: #e9e9e9;
				position: fixed;
				top: 0px;
				width: 100%;
				z-index: 20px;
				box-shadow: 0px -20px 100px #000000;
			}

			.topnav a {
				float: left;
				display: block;
				color: black;
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
			}

			.topnav a:hover {
				background-color: #ddd;
				color: black;
			}

			.topnav a.active {
				background-color: #2196F3;
				color: white;
			}

			.topnav input[type=text] {
				float: right;
				padding: 6px;
				margin-top: 8px;
				margin-right: 16px;
				border: none;
				font-size: 17px;
			}

			@media screen and (max-width: 600px) {

				.topnav a,
				.topnav input[type=text] {
					float: none;
					display: block;
					text-align: left;
					width: 100%;
					margin: 0;
					padding: 14px;
				}

				.topnav input[type=text] {
					border: 1px solid #ccc;
				}
			}

			#logowenzi {
				text-align: center;
				color: #FFFFFF;
				font-size: 20px;
				margin: 400px auto;
			}
			#zhuye {
				background: #FFFFFF;
				width: 100%;
				height: 500px;
				margin: 873px auto;
			}

			#text1 {
				width: 1200px;
				margin: auto;
			}
			#zhezhao{
				background-image:linear-gradient(#e66465, #9198e5);
				height: 3000px;
				position: absolute;
				top: -10px;
				left: 1px;
				width: 100%;
			}
			#cmd0{
				background-color: #ffffff;
				margin-left: 100px;
				width: 90%;
				box-shadow: 0 0 10px #000000;
				border-radius: 20px 20px 20px 20px ;
			}
			#cmd{
				margin-left: 10px;
			}
			#cmdp{
				margin-left: 100px;
			}
			#a1{
				margin: auto;
				text-align: center;
				margin-top: 100px;
				margin-bottom: 100px;
			}
			#ax{
				margin: auto;
				text-align: center;
				margin-top: 100px;
				margin-bottom: 100px;
			}
			#a2{
				margin-left: 100px;
				background-color: #ffaa7f;
				box-shadow: 0 0 10px #000000;
				border-radius: 20px 20px 20px 20px ;
				width: 90%;
			}
			details{
				margin-left: 200px;
			}
			#border{
				border-radius: 20px 20px 20px 20px;
			}
			#border>h2{
				position: absolute;
				left: 20px;
				top:-20px;
			}
			#text{
				position: absolute;
				top: 35px;
				left: 20px;
			}
			#text>p{
				margin: 0 0 0 0;
				font-size: 15px;
				color: aliceblue;
				direction: ltr;
			}
			#text>h2{
				position: absolute;
				top: 145px;
				left:-160px;
				width: 1000px;
				margin: 20 0 0 0;
				font-size: 15px;
				color: white;
			}
			#border::after {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
			}
			#border {
				width: 300px;
				height: 190px;
				position: absolute;
				top: 10px;
				left: 160px;
				color: #69ca62;
				box-shadow: inset 0 0 0 2px rgba(105, 202, 98, 0.5);
			}
			#border::after {
				content: '';
				margin: -2%;
				box-shadow: inset 0 0 0 2px;
				animation: clipMe 5s linear infinite;
			}
			#border::before {
				animation-delay: -4s;
			}	
			@keyframes clipMe {
				
				0%,
				100% {
					clip: rect(0px, 320.0px, 2px, 0px);
				}
				
				25% {
					clip: rect(0px, 2px, 320.0px, 0px);
				}
				
				50% {
					clip: rect(218.0px, 320.0px, 320.0px, 0px);
				}
				
				75% {
					clip: rect(0px, 320.0px, 320.0px, 218.0px);
				}
			}
			#clean{
				position: relative;
				top:20px;
				margin: auto;
				text-align: center;
			}
			#zhengti{
				position: relative;
				top: 70px;
			}
			#fool{
				margin: auto;
				text-align: center;
				position: absolute;
				top: 2750px;
				left: 41%;
			}
			#fool>p{
				font-size: 10px;
				color: white;
			}
			#a1>h1{
				font-size:40px;
				color:#ffffff;
			}
			#newtxt{
				width: 300px;
				height: 190px;
				position: absolute;
				top: 10px;
				right: 160px;
				border-radius: 20px 20px 20px 20px;
				box-shadow: inset 0 0 0 2px rgba(105, 202, 98, 0.5);
			}
			#newtxt>h2{
				position: absolute;
				left: 20px;
				top:-20px;
				color: #DC8F03;
			}
			#weixin{
				font-size: 1px;
				height: 120px;
				width: 120px;
				transform:scale(0.07);
				position: relative;
				left: 44px;
			}
			#zhifubao{
				font-size: 1px;
				height: 120px;
				width: 120px;
				transform:scale(0.07);
				position: relative;
				right: -81.3%;
				top: -120px;
			}
			#zhici{
			    margin: auto;
			    text-align: center;
			    position: relative;
			    top: -85px;
			    border: white solid 2px;
			    width: 650px;
			    border-radius: 20px 20px 20px 20px;
			    padding: 20px;
			}
			#zhici>p{
				color: white;
			}
			.button1 {
			 -webkit-transition-duration: 0.4s;details
			 transition-duration: 0.4s;
			 padding: 5px 21px;
			 text-align: center;
			 background-color: white;
			 color: black;
			 border: 2px solid #4CAF50;
			 border-radius:5px;
			 }
			 .button1:hover {
			 background-color: #4CAF50;
			 color: white;
			 }
			 .radio_type{
			     width: 20px;
			     height: 20px;
			     appearance: none;
			     position: relative;
			 }
			 .radio_type:before{
			     content: '';
			     width: 20px;
			     height: 20px;
			     border: 1px solid #ffffff;
			     display: inline-block;
			     border-radius: 50%;
			     vertical-align: middle;
			 }
			 .radio_type:checked:before{
			     content: '';
			     width: 20px;
			     height: 20px;
			     border: 1px solid #00ff00;
			     background:#00ff00;
			     display: inline-block;
			     border-radius: 50%;
			     vertical-align: middle;
			 }
			 .radio_type:checked:after{
			     content: '';
			     width: 10px;
			     height:5px;
			     border: 2px solid white;
			     border-top: transparent;
			     border-right: transparent;
			     text-align: center;
			     display: block;
			     position: absolute;
			     top: 6px;
			     left:5px;
			     vertical-align: middle;
			     transform: rotate(-45deg);
			 }
			 .radio_type:checked+label{
			     color: #00ff00;
			 }
			 label{
			     line-height: 20px;
			     display: inline-block;
			     margin-left: 5px;
			     margin-right:15px;
			     color: #ffffff;
			 }
			 #text::-webkit-scrollbar {
			         width: 10px;     
			         height: 1px;
			     }
			 #text::-webkit-scrollbar-thumb {
			         border-radius: 10px;
			          -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
			         background: #535353;
			     }
			 #text::-webkit-scrollbar-track {
			         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
			         border-radius: 10px;
			         background: #EDEDED;
			     }
			#music{
				position: relative;
				top: -100px;
				margin:auto;
				text-align:center;
			}
			#vist{
				text-align: center;
				margin: auto;
				position: relative;
				top: -220px;
			}
			#visit{
				font-family: "microsoft sans serif";
				font-size: 20px;
				color: white;
			}
			#visit>a{
				font-family: "microsoft sans serif";
				font-size: 23px;
				color: greenyellow;
			}
			#fankui{
				 margin: auto;
				 text-align: 
				 center;
				 text-decoration;
				 transform: scale(1.2);
				 position: relative;
				 top: -183px;
			}
			#wpadd{
				margin: auto;
				text-align: center;
				position: absolute;
				top: 110px;
				left: 43.4%;
			}
			#wpadd>h2{
				position: absolute;
				left: -35px;
				font-size: 10px;
				top:30px;
				color: #00dc19;
			}
			#colorshow{
				position: relative;
				left: -20%;
				width: 1400px;
			}
			#colorshow{
				padding: 40px;
				border: #ff5500 solid 1px;
				border-radius: 20px 20px 20px 20px ;
			}
			#showhuanhang{
				background-color: #ffff7f;
				width: 340px;
			}
			#colorshow>div{
				display: inline-block;
			}
			#show{
				width: 500px;
			}
			#zdyshowshow{
				width: 800px;
			}
			#colorshowpro{
				padding: 10px;
				border: #535353 solid 1px;
				border-radius: 20px 20px 20px 20px ;
				width: 600px;
			}
			pre{
				display: inline-block;
				position: relative;
				top: -20px;
				font-size: 17px;
			}
			#boxxx{
			width: 700px;
			height: 500px;
			background: #aaaa7f;
			box-shadow: 0 0 10px #ddd;
			border-radius: 10px;
			position: absolute;
			left: 30%;
			top: 20px;
			text-align: center;
			display: none;
			padding: 20px;
			}
			#content{
			width: 100px;
			height: 100px;
			margin:0 auto;
			}
			#juanzeng{
				position: absolute;
				top: 1100px;
				left:35%;
				border: #bababa solid 20px ;
				border-radius: 40px 40px 40px 40px ;
				padding: 50px;
				background-color: white;
				width: 420px;
				height: 500px;
			}
			#juanzhengname{
				float: left;
			}
			#juanzhengname>p{
				background-color: #bababa;
				width: 170px;
				text-align: center;
			}
			#juanzhengname2{
				float: right;
			}
			#juanzhengname2>p{
				background-color: #bababa;
				width: 170px;
				text-align: center;
			}